<template>
	  <div class="sign-container page" style="height: 100%">
		<van-nav-bar
			title="签到"
			@click-left="$router.back()"
			left-arrow
		/>
	 <lmkSignIn @signSuccess="signSuccess"></lmkSignIn>
		
	   <!-- <div class="sign-scroll">
		  <div class="signin-body">
			 
			<div class="body-title-div">暂无普通签到数据</div>
			<div class="body-top-div">
			  <div class="top-decorate-div">
				<div class="top-decorate-1-div">1</div>
				<div class="top-decorate-2-div">2</div>
			  </div>
			  <div class="top-decorate-div">
				<div class="top-decorate-1-div">3</div>
				<div class="top-decorate-2-div">4</div>
			  </div>
			</div>
			<div class="body-signin-div">
			  <div class="ordinary-item-div">
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="get-div">
				  <div class="get-main-div  get-active-div">222</div>
				</div>
			  </div>
			  <div class="ordinary-item-div">
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
			  </div>
			  <div class="ordinary-item-div">
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
			  </div>
			  <div class="ordinary-item-div">
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
			  </div>
			  <div class="ordinary-item-div">
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
			  </div>
			  <div class="ordinary-item-div">
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
			  </div>
			  <div class="ordinary-item-div">
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
				<div class="nums-div">11</div>
			  </div>
			</div>
			<div class="body-signin-btn-div">
			  <div>
				<span class="today-no-signin-div">点我签到</span>
			  </div>
			</div>
			<div class="body-signin-vip-div">
			  <ul>
				<li><span>专属7日签到</span>
				  <div><span>VIP限定</span>
					<div>我要认证</div>
				  </div>
				</li>
				<li>
				  <div class="get-active-div">
					<div class="num-div">11111</div>
					<div class="num-txt">222</div>
				  </div>
				  <div class="vip-item">
					<div class="num-div">11111</div>
					<div class="num-txt">222</div>
				  </div>
				</li>
			  </ul>
			</div>
		  </div>
		</div> -->
	  </div>
</template>
<script>
import lmkSignIn from "@components/lmkSignIn.vue";
import {mapGetters} from "vuex";
import {Toast} from "vant";
export default {
  components: {lmkSignIn},
  name: "Sign",
  computed: mapGetters(["userInfo"]),
  methods: {
		signSuccess:function(){
			
		}
  }
};

</script>
<style scoped>


::v-deep .van-nav-bar__left > i, ::v-deep .van-nav-bar__text, ::v-deep .van-nav-bar__title, ::v-deep .van-cell__title {
  color: var(--van-nav-bar-icon-color);
}

.signin-header {
  width: 32rem;
  height: 32rem;
  margin: -25.33333rem auto 0 -11rem;
  border-radius: 50%;
  position: relative;
  overflow: hidden
}

.signin-header .signin-header-content {
  width: 10rem;
  height: 6.66667rem;
  position: absolute;
  bottom: 0;
  left: 11rem;
  background: linear-gradient(180deg, #e38afb, #fa59b5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.signin-header .signin-header-content .avatar-img {
  border: .08rem solid #fff;
  margin-top: -2.66667rem;
  margin-bottom: .26667rem
}

.signin-header .signin-header-content .des-div {
  width: 4.8rem;
  font-size: .4rem;
  text-align: center;
  color: #fff;
  font-weight: 700
}

.signin-body {
  width: 95%;
  height: 100%;
  background: #fff;
  margin: 1.06667rem auto 0;
  border-radius: .21333rem;
  position: relative;
  z-index: 10
}

.signin-body .body-title-div {
  height: 1.33333rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

.signin-body .body-title-div span {
  font-size: .34667rem
}

.signin-body .body-title-div > span:nth-child(2) {
  margin: 0 .13333rem;
  color: #e38afb;
  font-weight: 700;
  font-size: .4rem
}

.signin-body .body-top-div {
  height: 1.06667rem;
  background: linear-gradient(#fbdf68, #f7c649);
  border-radius: .21333rem .21333rem 0 0;
  padding: 0 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.signin-body .body-top-div .top-decorate-div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: -.8rem
}

.signin-body .body-top-div .top-decorate-div .top-decorate-1-div {
  width: .21333rem;
  height: 1.01333rem;
  border-radius: .10667rem;
  background-color: #fff;
  position: relative;
  z-index: 11
}

.signin-body .body-top-div .top-decorate-div .top-decorate-2-div {
  width: .37333rem;
  height: .37333rem;
  border-radius: 50%;
  background-color: #e77b37;
  margin-top: -.24rem
}

.signin-body .body-signin-div {
  display: flex;
  flex-wrap: wrap;
  padding: .26667rem 0;
  width: 9.33333rem;
  margin: 0 auto;
  height: 4.93335rem;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .7), hsla(0, 0%, 100%, .7)), url(../../assets/img/tip/login-bg.png);
  background-size: cover;
  background-position: top
}

.signin-body .body-signin-div .ordinary-item-div {
  width: 1.33333rem;
  height: 4.93335rem;
  display: flex;
  flex-direction: column;
  align-items: center
}

.signin-body .body-signin-div .ordinary-item-div .nums-div {
  width: .90667rem;
  height: .90667rem;
  margin-bottom: .1rem;
  text-align: center;
  line-height: .90667rem;
  border-radius: 50%;
  border: .02667rem solid #fa59b5;
  color: #fa59b5;
  font-size: .4rem
}

.signin-body .body-signin-div .ordinary-item-div .get-div .get-main-div {
  width: .93333rem;
  height: .93333rem;
  border: .02667rem solid #fa59b5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fa59b5;
  font-size: .32rem;
  font-weight: 700;
  margin-bottom: .05333rem;
  white-space: nowrap
}

.signin-body .body-signin-div .ordinary-item-div .get-div .get-txt {
  font-size: .32rem;
  text-align: center
}

.signin-body .body-signin-div .ordinary-item-div .get-active-div {
  background: linear-gradient(180deg, #e38afb, #fa59b5) !important;
  color: #fff !important
}

.signin-body .body-signin-btn-div {
  width: 5.33333rem;
  height: 1.33333rem;
  background-color: #f5f5f5;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 .66667rem .66667rem
}

.signin-body .body-signin-btn-div > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .85333rem;
  padding: 0 .4rem;
  border-radius: .34667rem
}

.signin-body .body-signin-btn-div > div span {
  margin-left: .10667rem;
  font-size: .37333rem;
  font-weight: 700
}

.signin-body .body-signin-btn-div .today-is-signin-div, .signin-body .body-signin-btn-div .today-no-signin-div {
  height: .8rem
}

.signin-body .body-signin-vip-div ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: .26667rem
}

.signin-body .body-signin-vip-div ul > li:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: .93333rem;
  margin-bottom: .13333rem
}

.signin-body .body-signin-vip-div ul > li:first-child > span {
  font-size: .37333rem;
  font-weight: 700
}

.signin-body .body-signin-vip-div ul > li:first-child > div {
  display: flex;
  align-items: center;
  justify-content: center
}

.signin-body .body-signin-vip-div ul > li:first-child > div > span {
  font-size: .32rem;
  color: #666;
  margin-right: .08rem
}

.signin-body .body-signin-vip-div ul > li:first-child > div > div {
  height: .58667rem;
  background-color: #fa59b5;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 .26667rem;
  border-radius: .29333rem
}

.signin-body .body-signin-vip-div ul > li:nth-child(2) {
  min-height: 1.86667rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: .32rem
}

.signin-body .body-signin-vip-div ul > li:nth-child(2) .get-active-div {
  background: rgba(255, 78, 163, .15) !important;
  color: #ff4ea3 !important
}

.signin-body .body-signin-vip-div ul > li:nth-child(2) .get-active-div .num-div {
  background-color: #ff4ea3 !important;
  color: #fff !important
}

.signin-body .body-signin-vip-div ul > li:nth-child(2) .get-active-div .num-txt {
  color: #ff4ea3 !important
}

.signin-body .body-signin-vip-div ul > li:nth-child(2) .vip-item {
  width: 1.12rem;
  height: 1.86667rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(189, 192, 207, .15);
  border-radius: .10667rem
}

.signin-body .body-signin-vip-div ul > li:nth-child(2) .vip-item .num-div {
  width: .66667rem;
  height: .66667rem;
  border-radius: 50%;
  background-color: #fff;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .26667rem
}

.signin-body .body-signin-vip-div ul > li:nth-child(2) .vip-item .num-txt {
  font-size: .32rem;
  color: #999
}

.signin-body .signin-dialog-div {
  width: 8rem;
  height: 8.8rem;
  background: linear-gradient(180deg, #fdc187, #fc8851);
  position: relative;
  display: flex;
  flex-direction: column;
  padding: .26667rem;
  border-radius: .4rem;
  border: .02667rem solid #fff
}

.signin-body .signin-dialog-div .signin-dialog-title-div {
  margin-top: .8rem;
  color: #d8373e;
  font-size: .69333rem;
  font-weight: 700;
  font-style: italic
}

.signin-body .signin-dialog-div .signin-dialog-contain-div {
  width: 3.46667rem;
  height: 1.6392rem;
  margin-top: .26667rem;
  background-size: cover;
  background-position: 50%;
  line-height: 1.6392rem;
  padding-left: .26667rem;
  text-align: left;
  color: #fff;
  font-size: .53333rem;
  font-weight: 700
}

.signin-body .signin-dialog-div .signin-dialog-desc-div {
  margin-top: .4rem;
  font-size: .34667rem;
  color: #fff;
  font-weight: 700
}

.signin-body .signin-dialog-div .signin-dialog-desc-div .signin-dialog-desc-Number {
  font-size: .42667rem;
  color: red;
  margin: 0 .13333rem
}

.signin-body .signin-dialog-div .signin-dialog-btn {
  width: 3.46667rem;
  height: .93333rem;
  margin-top: 1.2rem;
  border-radius: .26667rem
}

.signin-body .signin-dialog-div .signin-dialog-women {
  position: absolute;
  width: 4.82667rem;
  height: 10.66667rem;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
  object-fit: cover
}

.van-popup {
  overflow-y: visible !important
}

</style>
